import styles from './index.module.scss'
type Props={
    closeList:()=>void,
    type:'' |'gender'|'photo',
    update:(type:string,value:string)=>void
}
const EditList = ({closeList,type,update}:Props) => {
    const genderList = [
        { title: '男', value: '0' },
        { title: '女', value: '1' }
      ]
      
      const photoList = [
        { title: '拍照', value: '' },
        { title: '本地选择', value: '' }
      ]
    const list = type === 'gender'?genderList:photoList
  return (
    <div className={styles.root}>
      {
      list.map(item=>
          <div className="list-item" key={item.title} onClick={()=>update(type,item.value)}>{item.title}</div>
      )}
      <div className="list-item" onClick={closeList}>取消</div>
    </div>
  )
}

export default EditList